<!--
 * @Author: 祝占朋 wb.zhuzp01@rd.netease.com
 * @Date: 2023-11-10 15:02:33
 * @LastEditors: 祝占朋 wb.zhuzhanpeng01@mesg.corp.netease.com
 * @LastEditTime: 2023-12-26 11:36:00
 * @FilePath: /qanything-open-source/src/components/Head.vue
 * @Description: 
-->
<template>
  <div class="header">
    <div class="logo" @click="goDetail('https://ai.youdao.com/')">
      <img src="../assets/login/logo_zw.png" alt="logo" />
    </div>
  </div>
</template>

<script lang="ts" setup>
const goDetail = (url: string) => {
  window.location.href = url;
};
</script>

<style lang="scss" scoped>
.header {
  width: 100vw;
  min-width: 1200px;
  height: 64px;
  display: flex;
  align-items: center;
  background: #26293b;

  .logo {
    width: 175px;
    height: 45px;
    margin-left: 32px;
    cursor: pointer;
  }

  .logo img {
    width: 100%;
    height: 100%;
  }
}
</style>
